<div class="header2Home left"> 
    <!-- // slider -->
    <div id="slider1">
      <ul id="slider1Content">
        <li class="slider1Image"> <a href=""><img src="/images/slider/1.jpg" alt="1" /></a> <span class="bottom"><strong>eye care</strong><br />
          the best eye care you will ever have</span></li>
        <li class="slider1Image"> <a href=""><img src="/images/slider/2.jpg" alt="2" /></a> <span class="bottom"><strong>Equipments</strong><br />
          latest equipments in the world for the best results</span></li>
        <li class="slider1Image"> <img src="/images/slider/3.jpg" alt="3" /> <span class="<?=$this->SiteLanguage() == "ar"?'left':'right' ?>"><strong>your glasses is your window to the world</strong><br />
          all the care you need you will have in our center<br>we have your glasses</span></li>
        <li class="slider1Image"> <img src="/images/slider/4.jpg" alt="4" /> <span class="bottom"><strong>relations and treatment</strong><br />
          best experience you will ever have, we care about you and we will always be happy to help</span></li>
        <li class="slider1Image"> <img src="/images/slider/5.jpg" alt="5" /> <span class="bottom"><strong>make yourself home</strong><br />
          great environment for your sake, designed to keep you happy</span></li>
        <div class="clear slider1Image"></div>
      </ul>
    </div>
    <!-- // slider --> 
</div>
<div class="bodyContainer">
    <div id="content"> 
      
      <!--==============Start Col===================-->
      <div class="col2 left">
        <div class="bigTitle"><?= $this->translate('Vision-title'); ?></div>
        <img src="/images/page1_img1.jpg" alt="" >
        <div class="data"> <?= $this->translate('Vision-content'); ?></div>
      </div>
      <!--==============End Col===================--> 
      
      <!--==============Start Col===================-->
      <div class="col2 left">
        <div class="bigTitle"><?= $this->translate('Experiance-title'); ?></div>
        <div class="data">
          <ul class="list1">
            <li><span><?= $this->translate('Experiance1-title'); ?></span><?= $this->translate('Experiance1-note'); ?></li>
            <li><span><?= $this->translate('Experiance2-title'); ?></span><?= $this->translate('Experiance2-note'); ?></li>
          </ul>
        </div>
      </div>
      <!--==============End Col===================--> 
      
      <!--==============Start Col===================-->
      <div class="col2 left">
        <div class="bigTitle"><?= $this->translate('News-title'); ?></div>
        <div class="data left"> <span class="date"><span><?= $this->translate('News1-day'); ?></span><?= $this->translate('News1-month'); ?></span>
          <div> <span class="link1"><?= $this->translate('News1-title'); ?></span><br>
            <?= $this->translate('News1-note'); ?> </div>
        </div>
        <div  class="data"> <span class="date"><span><?= $this->translate('News2-day'); ?></span><?= $this->translate('News2-month'); ?></span>
          <div> <span class="link1"><?= $this->translate('News2-title'); ?></span><br>
            <?= $this->translate('News2-note'); ?> </div>
        </div>
      </div>
      <!--==============End Col===================-->
<!--      <div class="left">
        <div class="col2 left">
          <div  class="data"> <a href="#" class="button">Read More</a> </div>
        </div>
        <div class="col2 left">
          <div  class="data"> <a href="#" class="button">Read More</a> </div>
        </div>
        <div class="col2 left">
          <div  class="data"> <a href="#" class="button">Read More</a> </div>
        </div>
      </div>-->
    </div>
  </div>
